<script setup lang="ts">
import { menuItems } from '@/config/menu'
import MenuItem from './MenuItem.vue'

</script>

<template>
  <div class="bg-transparent text-white w-[198px] min-h-screen p-6 relative">
    <div class="mt-2">
      <img src="@/assets/images/logo.png" alt="logo">
    </div>

    <div class="mt-7">
      <menu-item v-for="item in menuItems" :key="item.key" :item="item"/>
    </div>

    <div class="absolute bottom-6 left-6 right-6 flex items-center text-left pl-4 h-[44px] leading-[44px] cursor-pointer rounded mt-auto">
      <span class="icon icon-xl exit"></span>
      <span class="ml-1 text-[#666D7A] font-bold">退出</span>
    </div>
  </div>
</template>
